<html>
	<head>
		<title>KeyboardMapper示例</title>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="../scripts/KeyboardMapper.js"></script>
		<script type="text/javascript">
			$(function(){
				
				//点击按钮，测试链式操作
				$("#btnKBM01").click(function(){
					KeyboardMapper.disableShortcuts().restoreShortcuts().removeShortcuts().alterShortcuts().findShortcuts();
				});
				
				//为文档区域注册一个Ctrl+X快捷键
				KeyboardMapper.addShortcuts("Ctrl+x",function(){
					alert("Ctrl+X 在document上触发！");
				});
				
				KeyboardMapper.addShortcuts("Ctrl+S",function(){
					$("#txtKBM01").val("Ctrl+S 在文本框中触发！");
					alert("Ctrl+S 在文本框中触发！");					
				},{target : "txtKBM01"});
				
				KeyboardMapper.addShortcuts(["Ctrl+A","Ctrl+B"],function(){
					$("#txtKBM02").val("Ctrl+A或Ctrl+B 在文本框中触发！");
					alert("Ctrl+A或Ctrl+B 在文本框中触发！");					
				},{target : "txtKBM02"});
				
				KeyboardMapper.addShortcuts("Z+X+C",function(){
					$("#txtKBM03").val("Z+X+C在文本框中触发！");
					alert("Z+X+C在文本框中触发！");					
				},{target : "txtKBM03"});
				
					
				//点击按钮，测试链式操作
				$("#btnKBM02").click(function(){
					KeyboardMapper.alterShortcuts("Ctrl+A",function(){
						alert("Ctrl+A这个快捷键被修改咯！你只能按Ctrl+B了！" )
					});
				});
			});
		</script>
	</head>
	<body>
		<div id="dvCtrlX" style="height:50px;background:#48b;">请按快捷键 Ctrl+X</div>
		<div id="dvCtrlS" style="height:50px;background:#48b;">将光标置入文本框中，然后按快捷键 Ctrl+S<input type="text" id="txtKBM01" style="width:250px;" /></div>
		<div id="dvCtrlAB" style="height:50px;background:#48b;">将光标置入文本框中，然后按快捷键 Ctrl+A或者Ctrl+B<input type="text" id="txtKBM02" style="width:250px;" />
								<input type="button" id="btnKBM02" value="修改快捷键"></div>
		<div id="dvZXC" style="height:50px;background:#48b;">将光标置入文本框中，然后按快捷键Z+X+C<input type="text" id="txtKBM03" style="width:250px;" /></div>

	<body>
</html>